Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

fix(react-carousel): fluent v9 carousel control responsiveness for mobile/small devices #33886

Open
wants to merge 5 commits into
base: master
Choose a base branch
from

Conversation

iwint
Copy link

@iwint iwint commented Feb 22, 2025

Title

Fix: Fluent V9 Carousel Control Responsiveness for Mobile/Small Devices

Description

This pull request addresses issue #33744, which involves the Fluent V9 Carousel Control not being responsive on mobile or small devices. The cards within the carousel were extending outside the container, causing layout issues.

Changes:

  • Updated the CarouselActionCards.stories.tsx file to improve the responsiveness of the carousel on smaller devices.
  • Removed the grid layout and adjusted the styling to ensure the cards fit within the container on all device sizes.

Testing:

  • Verified the carousel now adjusts properly on mobile devices and smaller screen sizes.

This fix ensures a better user experience by maintaining the layout integrity across different devices.

Record Link:

https://www.awesomescreenshot.com/video/36886277?key=897ef08fb1ef28da3e1fb11d63f0f1c5

iwint and others added 5 commits February 2, 2025 20:07
This commit sets up Nx Cloud for your Nx workspace, enabling distributed caching and the Nx Cloud GitHub integration for fast CI and improved developer experience.

You can access your Nx Cloud workspace by going to
https://cloud.nx.app/orgs/679f823a65c43fc4a1ac99c8/workspaces/679f831f71fd2cb4bf200ec8

**Note:** This commit attempts to maintain formatting of the nx.json file, however you may need to correct formatting by running an nx format command and committing the changes.
@iwint iwint requested review from Mitch-At-Work and a team as code owners February 22, 2025 02:31
@iwint iwint changed the title Fix: Fluent V9 Carousel Control Responsiveness for Mobile/Small Devices fix(react-carousel): fluent v9 carousel control responsiveness for mobile/small devices Feb 22, 2025
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

1 participant